@charset "utf-8";

body {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      background-image:url('desert.jpg');
     font-size: medium;
}

#header{
    background-image:url('7.jpg');
    background-size:750px 200px;
    float: left;
    border: 1px solid rgba(147, 184, 189,0.8);
    box-shadow: 
        0pt 2px 5px rgba(105, 108, 109,  0.7),  
        0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    border-radius: 5px;
    height: 110px;
    width:  698px;
    margin: !important;
    padding: 5px;
}
#navigation{
      background-image:url('desert.jpg');
  float: right;
    background: rgb(247, 247, 247);
    border: 1px solid rgba(147, 184, 189,0.8);
    box-shadow: 
        0pt 2px 5px rgba(105, 108, 109,  0.7),  
        0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    border-radius: 5px;
    height: 250;
    width:  200px;
    margin-left: 5px;
    padding: 5px;
}
#user_navigation{
    float: left;
    border: solid 1px;
    height: auto;
    width:  200px;
    margin-left: 5px;
    padding: 5px;
}
#select_navigation{
    float: left;
    border: solid 1px;
    height: auto;
    width:  200px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 5px;
}
#content{
      
    float: left;
    border: solid 1px;
    min-height: 250px;
    width:  478px;
    margin-left: 5px;
    padding: 5px;
}
#profile_content{
    float: left;
    border: solid 1px;
    min-height: auto;
    width:  478px;
    margin-left: 5px;
    padding: 5px;
}
#footer{

    float: left;
    border: solid 1px;
    height: 50px;
    width:  695px;
    margin: 5px;
    padding: 5px;
}
#mainContainer{

    margin:auto;
    /*border: solid 1px;*/
    width: 750px;
    height: 50%;
}
